<template>
  <div class="background">
    <div class="link">
      <div>低碳大屏后台系统</div>
      <div style="margin-top: 5px!important;font-size: 14px">LowCarbon Backstage System</div>
    </div>
  </div>
</template>




<style scoped>
.background {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/welcomeBg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.link {
  position: absolute;
  width: 220px;
  height: 300px;
  left: calc(50% - 110px);
  top: calc(50% - 150px);
  background-image: url("../../assets/linkBg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.link div {
  display: block;
  margin-top: 175px;
  width: 220px;
  text-align: center;
  font-size: 18px;
  color: #707070;
  text-decoration: none;
  line-height: 24px;
}
.link a {
  display: block;
  margin-top: 175px;
  width: 220px;
  text-align: center;
  font-size: 18px;
  color: #707070;
  text-decoration: none;
  line-height: 24px;
}
.link a:hover {
  color: #397ce9;
  text-decoration: underline;
}
</style>